@charset "UTF-8";
*{
    padding:0;
    margin:0;
    box-sizing:border-box;
}

body{
	height:1500px;
	background-color:#dcdde1;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	overflow-x:hidden;
}

#select{
	display: none;
}

.card{
	width:600px;
	heigth:800px;
	background-color:#ffffff;
	box-shadow:0 0 50px 10px rgba(0,0,0, .3);
	transition:all .6s;
	text-align: center;
}

.img {
	width:400px;
	height:230px;
	background:url(i/站长.jpeg) no-repeat center center;
	background-size:cover;
	transition:all .6s;
}

.title {
	font-size:30px;
	color:rgb(88,88,88);
	margin: 30px 0 15px 0;
	transition: all .6s;
	transition-delay: .2s;
}

.desc{
	width:400px;
	margin-bottom:20px;
	padding:0 30px;
	line-height:25px;
	opacity:1;
	color:rgb(170,170,170);
	
}

.content{
	dispaly:none;
	geight:1300px;
	text-align:center;
	padding:0 20%;
	line-height:40px;
	background-color:#ffffff;
}

.content p{
	margin:30px 0;
	text-align:left;
	display:table;
}

#select_lable{
	display:block;
	position:absolute;
	width:400px;
	height:600px;
	z-index:999;
}

#select:checked~.card #select_lable {
	wigth:100vw;
	height:100vh;
}

#select:checked~.card {
	wigth:100vw;
	height:100vh;
}

#select:chcked~.card .img {
	wigth:100vw;
	height:650px;
	overflow:hidden;
}












